<style lang="scss" scoped>
  .x-pop-wrap{
    position: absolute;
    width: 100%; height: 100%;
    left: 0; top: 0;
    z-index: 1;
  }

  .x-pop-master{
    position: absolute;
    width: 100%; height: 100%;
    background:rgba(48,54,65,.9);
  }
</style>
<template>
  <section class="x-pop-wrap">
    <div class="x-pop-master">
      <slot name="box"></slot>
    </div>
  </section>
</template>
<script>
  export default {
    data () {
      return {

      }
    },
    mounted () {
      document.body.appendChild(this.$el)
    }
  }
</script>
